<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">

<title>Slideshow Widget Demo</title>

<script type="text/javascript"> var djConfig = {isDebug: true}; </script>
<script type="text/javascript" src="../../dojo.js"></script>
<script language="JavaScript" type="text/javascript">
	dojo.require("dojo.widget.*");
	dojo.require("dojo.widget.SlideShow");
</script>

<p>
	The following slideshow uses the default theme
</p>
<img dojoType="SlideShow" 
	imgUrls="images/1.jpg;images/2.jpg;images/3.jpg;images/4.jpg;images/5.jpg;images/6.jpg" 
	transitionInterval="700"
	delay="7000" 
	imgWidth="200"
	imgHeight="150"
	src="images/1.jpg"/>
<p>
	But this one uses a customized template. It doesn't have the "pause" button
	and clicking on it will not pause the slide show.
</p>
<img dojoType="SlideShow" 
	imgUrls="images/1.jpg;images/2.jpg;images/3.jpg;images/4.jpg;images/5.jpg;images/6.jpg" 
	transitionInterval="700"
	delay="7000" 
	imgWidth="200"
	imgHeight="150"
	templatePath="tests/widget/custom_slideshow_template.html"
	src="images/1.jpg"/>
<p>
	and this one is, again, the stock template
</p>
<img dojoType="SlideShow" 
	imgUrls="images/1.jpg;images/2.jpg;images/3.jpg;images/4.jpg;images/5.jpg;images/6.jpg" 
	transitionInterval="700"
	delay="7000" 
	imgWidth="200"
	imgHeight="150"
	src="images/1.jpg"/>
